<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css">
    <script src="https://unpkg.com/swiper/js/swiper.min.js"></script>
    <style>
        .lunbo{
            width: 1380px;
            margin: 0 auto;
        }
        .swiper-container{
            width:100%;
            height: 300px;
        }
        .swiper-pagination-bullet{
            background-color: red;
        }
    </style>
</head>
<body>
    <!-- 顶部 -->
    <div class="top">

    </div>

    <!-- 轮播 -->
    <div class="lunbo">
       
    </div>


    <!-- 尾部 -->
    <div class="footer">
        <div class="footer_content">
            <div class="footer_top">
               <div class="footer_top_left">
                    <ul>
                        <li><a href=""><img src="./img/mobile.png">移动版</a></li>
                        <li><a href="">关于我们</a></li>
                        <li><a href="">加入站酷</a></li>
                        <li><a href="">用户协议</a></li>
                        <li><a href="">隐私政策</a></li>
                        <li><a href="">侵权申诉</a></li>
                        <li><a href="">企业服务</a></li>
                        <li><a href="">帮助中心</a></li>
                        <li><a href="">联系我们</a></li>
                        <li><a href="javascript:;" onclick="changeLang('zh')">中文</a></li>
                        <li><a href="javascript:;" onclick="changeLang('zh')">English</a></li>
                    </ul>
               </div>
               <div class="footer_top_right">
                   <div class="weixin"><img src="./img/weixin.png" alt=""></div>
                   <div class="weibo"><img src="./img/weibo.png" alt=""></div>
               </div>
            </div>
            <div class="footer_mid">
                    <ul>
                        <li><a href="">京ICP备11017824号-4<span>|</span></a></li>
                        <li><a href="">京ICP证130164号<span>|</span></a></li>
                        <li><a href="">京公网安备11010502000501号<span>|</span></a></li>
                        <li><a href="">网络文化经营许可证  京网文[2016]6173-844号<span>|</span></a></li>
                        <li><a href="">广播电视节目制作经营许可证 （京） 字第06990号</a></li>
                    </ul>
            </div>
            <div class="footer_bottom">
                <div class="footer_bottom_left">
                    <ul>
                        <li class="active"><a href="">营业执照<span>|</span></a></li>
                        <li class="active"><a href="">网上有害信息举报专区<span>|</span></a></li>
                        <li><a href="">不良信息举报电话：010-56538658 <span>|</span></a></li>
                        <li><a href="">举报邮箱 jubao@zcool.com.cn<span>|</span></a></li>
                        <li><a href="">联系电话：010-56538600</a></li>
                    </ul>
                </div>
                <div class="footer_bottom_right">
                    <ul>
                        <li><a href="">Copyright © 2006-2019 ZCOOL站酷</a></li>
                    </ul>
                </div>
            </div>
        </div>
       
    </div>
    <script>
        var mySwiper = new Swiper ('.swiper-container', {
          // Optional parameters
          direction: 'horizontal',
          loop: true,
      
          // If we need pagination
          pagination: {
            el: '.swiper-pagination',
            clickable:true
          },
      
          // Navigation arrows
          navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
          },
          autoplay: {
            delay: 5000,
          },
      
          // And if we need scrollbar
          scrollbar: {
            el: '.swiper-scrollbar',
          },
        })
    </script>
</body>
</html>